<%@ page language="java" contentType="text/html; charset=UTF-8"
         pageEncoding="UTF-8" %>
<%@include file="../mytags.jsp" %>
<!DOCTYPE html>
<html>
<head>
    <t:base type="jquery"></t:base>
    <script type="text/javascript" src="webpage/com/wx/added_product/procurement/shoppingCar.js"></script>
    <meta charset="utf-8">
    <meta name="viewport"
          content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no"/>
    <title>服务单</title>
    <script type="text/javascript" charset="utf-8">
        mui.init();
        mui.plusReady(function () {
            var _SELF = plus.webview.currentWebview();
        })
    </script>
    <style>

        hr{
            margin:0 !important;
        }
        .mui-navigate-right:after, .mui-push-right:after {
            font-size:1.8em;
        }
        .mui-push-left:after {
            font-size:1.8em;
        }
    </style>
</head>
<body>
<div class="tel"><a href="tel:400-88-22726"> <img src="${webRoot }images/tel.jpg"></a></div>
<div class="geren" style="font-weight: bold;margin-bottom: 10px;">
    <img src="${webRoot }/images/about.jpg">${serviceType}
</div>
<div class="mui-card" style="width:100%;margin: 0;border-radius: 0;margin-bottom:60px;">
    <ul class="mui-table-view ul-detail">
        <c:if test="${not empty results}">
            <c:forEach var="ins" items="${results}">
            <li class="mui-table-view-cell mui-collapse">
                <div class="li-title">服务申请号
                    <span>${ins.code}</span>&emsp;
                    <c:forEach items="${statusList}" var="s">
                        <c:if test="${s.typecode==ins.status}">${s.typename}</c:if>
                    </c:forEach>
                </div>
                <hr class="title-hr"/>
                <a class="mui-navigate-right" href="#">
                <div class="li-content" style="margin-left: 10px;">
                    <h4><span>设备台数</span>${ins.equipmentNum}&nbsp;</h4>
                    <c:if test="${type ne 5}">
                        <h4><span>希望服务时间</span>
                            <c:if test="${type=='1' || type=='7'}">
                                <fmt:formatDate value="${ins.serviceDate}" type="date" pattern="yyyy-MM"></fmt:formatDate>
                            </c:if>
                            <c:if test="${type!='1' && type!='7'}">
                                <fmt:formatDate value="${ins.serviceDate}" type="date" pattern="yyyy-MM-dd"></fmt:formatDate>
                            </c:if>
                            &nbsp;</h4>
                    </c:if>
                    <c:if test="${type eq 5}">
                        <h4><span>延保年限</span>${ins.extendedYear}&nbsp;</h4>
                    </c:if>
                    <h4><span>提交时间</span>
                        <fmt:formatDate value="${ins.createDate}" type="date" pattern="yyyy-MM-dd HH:mm:ss"></fmt:formatDate>
                        &nbsp;</h4>
                </div>
                </a>
                <div class="li-content mui-collapse-content inrr">
                    <h4><span>影院名称</span> ${ins.zyCinemaName}&nbsp;</h4>
                    <h4><span>所属院线</span> ${ins.typename}&nbsp;</h4>
                    <h4><span>联系人名称</span> ${ins.contactsName}&nbsp;</h4>
                    <h4><span>联系人电话</span> ${ins.contactsPhone}&nbsp;</h4>
                </div>
            </li>
            </c:forEach>
        </c:if>
        <c:if test="${empty results}">
            <li class="mui-table-view-cell">
                无相关服务单
            </li>
        </c:if>
    </ul>
</div>
<div class="btn-buttom auto-url" data-href="loginWxController.do?goPersionalCenterServiceMenu">
    我的服务单
</div>
<script type="text/javascript">

</script>
</body>
</html>